Build your Figma design in Webflow - Figma to Webflow (Part 5 of 7)

Поделиться
HTML-код
  • Опубликовано: 4 авг 2024
  • Enroll for the full course at Webflow University: university.webflow.com/figma-...
    Publish your site to a custom domain (Part 6 of 7): • Publish your site to a...
    Now that we have our wireframe designs and 3D assets, we'll now build our site in Webflow. We use our Figma wireframe design and 3D Lottie files to build out the site in Webflow with rich interactions to engage our customers.
    Share your progress #figmatowebflow
    In this lesson, we'll build these parts of our website:
    00:00:00 - Introduction
    00:02:36 - Hero section with a responsive background image
    00:28:14 - Navigation bar (navbar) including our logo
    00:41:37 - Product features section using classes & Webflow Interactions
    01:18:40 - Featured logos section using CSS grid
    01:24:15 - Contact us featuring a Form block
    01:31:09 - Footer with links and more grids
    01:48:38 - Accessibility check
    Note: We’re transitioning to a new UI, and are in the process of updating our Webflow University content.
    ----------
    Get started with Webflow: wfl.io/2r7cVUW
    Join the Webflow Community:
    webflow.com/community
    webflow.com
    / webflow
    / webflow

Комментарии • 98